<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1141165_cpnmxwgtm8a.css"/>
    <script src="../js/base.min.js"></script>
</head>
<body>
<div id="banner" flex="main:center cross:center">
    <img src="../image/banner.png"/><img src="../image/banner2.png"/>
</div>

<div id="tubiao" flex="cross:center">
    <ul flex>
        <li>
            <img src="../image/tubiao1.png"/>

            <p>会员专区</p>
        </li>
        <li>
            <img src="../image/tubiao2.png"/>

            <p>精选理财</p>
        </li>
        <li>
            <img src="../image/tubiao3.png"/>

            <p>理财助手</p>
        </li>
        <li>
            <img src="../image/tubiao4.png"/>

            <p>推荐有礼</p>
        </li>
    </ul>
</div>

<div id="xrzx">
    <div class="biaoti" flex="cross:center">
        <span></span>

        <p>新人专享</p>
    </div>
    <ul>
        <li>
            <div flex="main:justify">
                <div>
                    <h1>7<span>.5%</span></h1>
                </div>
                <div>
                    <span class="span1">包图省心宝</span><br/>
                    <span class="span2">锁定期 90 天</span>
                </div>
            </div>
            <div class="jdt">
                <div></div>
            </div>
        </li>
        <li>
            <div  flex="main:justify">
                <div>
                    <h1>8<span>.5%</span></h1>
                </div>
                <div>
                    <span class="span1">包图省心宝</span><br/>
                    <span class="span2">锁定期 90 天</span>
                </div>
            </div>
            <div class="jdt">
                <div></div>
            </div>
        </li>
        <li>
            <div  flex="main:justify">
                <div>
                    <h1>7<span>.5%</span></h1>
                </div>
                <div>
                    <span class="span1">包图省心宝</span><br/>
                    <span class="span2">锁定期 90 天</span>
                </div>
            </div>
            <div class="jdt">
                <div></div>
            </div>
        </li>
    </ul>
</div>

<div id="jxlc">
    <div class="biaoti" flex="cross:center">
        <span></span>
        <p>精选理财</p>
    </div>
    <div class="jijin" flex="cross:center">
        <div flex="main:center cross:center">基金</div>
        <p>一日存入</p><p>月月取息</p>
    </div>
    <div class="touzi" flex="main:justify">
        <div class="zuo">
            <h1>6<span>.18%</span></h1>
            <p>七日年化收益率</p>
        </div>
        <div class="zhong">
            <div class="jingli" flex="cross:center">
                <span class="sp1">1000元起投</span><span>明星基金经理</span>
            </div>
            <div class="jindu">
                <div></div>
            </div>
        </div>
        <div class="you">
            <button>
                立即投资
            </button>
            <p>已投资700000万元</p>
        </div>
    </div>
</div>

<div id="footer" flex="main:justify">
    <div flex="dir:top main:center cross:center">
        <i class="iconfont icon-shouye"></i>
        <p>首页</p>
    </div>
    <div flex="dir:top main:center cross:center">
        <i class="iconfont icon-huaban-"></i>
        <p>理财</p>
    </div>
    <div flex="dir:top main:center cross:center">
        <i class="iconfont icon-qutouzi"></i>
        <p>投资</p>
    </div>
    <div flex="dir:top main:center cross:center">
        <i class="iconfont icon-ziyuan"></i>
        <p>我的</p>
    </div>
</div>

</body>
</html>